<template>
	<kui-page :custom-header="false">
		<template v-slot:body>
			<view class="kui-w-full">
				<kui-space :gap="[30,0]" direction="column">
					<kui-cell-group title="基本用法">
						<kui-collapse>
							<kui-collapse-panel>
								<view>
									<kui-text>自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容</kui-text>
								</view>
							</kui-collapse-panel>
						</kui-collapse>
					</kui-cell-group>
					<kui-cell-group title="禁用">
						<kui-collapse>
							<kui-collapse-panel disabled>
								<view>
									<kui-text>自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容</kui-text>
								</view>
							</kui-collapse-panel>
						</kui-collapse>
					</kui-cell-group>
					<kui-cell-group title="手风琴">
						<kui-collapse accordion>
							<kui-collapse-panel>
								<view>
									<kui-text>自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容</kui-text>
								</view>
							</kui-collapse-panel>
							<kui-collapse-panel>
								<view>
									<kui-text>自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容</kui-text>
								</view>
							</kui-collapse-panel>
						</kui-collapse>
					</kui-cell-group>
					<kui-cell-group title="关闭标题点击态">
						<kui-collapse>
							<kui-collapse-panel :active-title-taped-state="false">
								<view>
									<kui-text>自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容</kui-text>
								</view>
							</kui-collapse-panel>
						</kui-collapse>
					</kui-cell-group>
					<kui-cell-group title="关闭展开动画">
						<kui-collapse>
							<kui-collapse-panel :animation="false">
								<view>
									<kui-text>自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容</kui-text>
								</view>
							</kui-collapse-panel>
						</kui-collapse>
					</kui-cell-group>
					<kui-cell-group title="自定义文本颜色和背景颜色">
						<kui-collapse>
							<kui-collapse-panel text-color="red" wrap-background-color="blue">
								<view>
									<kui-text>自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容</kui-text>
								</view>
							</kui-collapse-panel>
						</kui-collapse>
					</kui-cell-group>
					<kui-cell-group title="自定义内容">
						<kui-collapse>
							<kui-collapse-panel>
								<template v-slot:title>
									<view class="kui-flex">
										<kui-text>插槽标题</kui-text>
									</view>
								</template>
								<template v-slot:arrow-icon>
									<view class="kui-flex">
										<kui-text>插槽图标</kui-text>
									</view>
								</template>
								<view>
									<kui-text>自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容自定义内容</kui-text>
								</view>
							</kui-collapse-panel>
						</kui-collapse>
					</kui-cell-group>
				</kui-space>
			</view>
		</template>
	</kui-page>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
